<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy"
          content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
    <link href="./styles.css" rel="stylesheet">
    <title>hqz electron 应用</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        iframe{
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<h1>Hello World!</h1>
We are using Node.js <span id="node-version"></span>,
Chromium <span id="chrome-version"></span>,
and Electron <span id="electron-version"></span>.

<!-- You can also require other files to run in this process -->
<br/>
<br/>
<button id="btn">点我新窗口</button>
<br/>
<br/>
<button id="min">点我最小化</button>
<br/>
<br/>
<button id="max">点我全屏</button>
<br/>
<br/>
<button id="close">点我退出</button>
<br/>
<br/>
<button id="customMenu">创建自定义菜单</button>
<br/>
<br/>
<input id="inputMenu"/>
<br/>
<br/>
<button id="appendMenu">添加菜单项</button>

<h2>渲染进程与主进程通信</h2>

<button id="renderAsync">渲染主异步操作</button>
<br>
<br>
<button id="renderSynchronize">渲染主同步操作</button>
<br>
<br>
<h2>渲染进程之间通信</h2>
<button id="renderCommunicate">渲染进程之间通信新建窗口</button>

<br>
<br>
<button id="dialogBtn">显示对话框</button>
<br>
<br>
<button id="dialogErrBtn">显示错误对话框</button>
<br>
<br>
<h2>shell 与 iframe</h2>

<a id="openUrl" href="https://www.baidu.com">百度</a>
<br>
<br>
<button id="openFolder">打开目录</button>
<br>
<br>
<!--<iframe src="https://www.bilibili.com/video/BV1CZ4y1h7cu?p=19&spm_id_from=pageDriver" frameborder="0" id="webview"></iframe>-->
<br>
<br>
<button id="msgNotify">消息通知</button>

<script src="./renderer.js"></script>
<script src="./index.js"></script>
</body>
</html>
